*{
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    color: #fff;
}
li{
    list-style: none;
}

.mid{
    width: 1000px;
    background: red;
    margin: 0 auto;
}

/*顶部开始*/

#top{
    width: 100%;
    height: 45px;
    background: #333333;
}

#top .mid .top_left{
    width: 390px;
    height: 45px;
    background: #22B14C;
    float: left;
}

#top .mid .top_right{
    width: 410px;
    height: 45px;
    background: #A349A4;
    float: right;
}

/*顶部结束 */
/*头部开始*/
#header{
    width: 100%;
    height: 120px;
}
#header .logo{
    width: 150px;
    height: 120px;
    background: #FF7F27;
    float: left;
}
#header .search{
    width: 550px;
    height: 120px;
    background: #00A2E8;
    float: left;
    margin-left: 100px;
}
#header .search .in{
    width: 550px;
    height: 60px;
    background: #A349A4;
}
#header .search .hot_word{
    width: 550px;
    height: 60px;
    background: #FFC90E;
}
/*头部结束 */
/*主体开始*/
#main{
    width: 100%;
    background: #F2F2F2;
    padding-top: 20px;
}
#main .banner{
    width: 100%;
    height: 360px;
    background: #00A2E8;
}

#main .banner .banner_left{
    width: 750px;
    height: 360px;
    background: #22B14C;
    float: left;
}

#main .banner .banner_right{
    width: 235px;
    height: 360px;
    background: #FF7F27;
    float: right;
}

#main .banner .banner_right .itme{
    height: 89px;
    width: 100%;
    border-bottom: 1px solid blue;
}

#main .server_title{
    width: 100%;
    height: 80px;
    background: #7092BE;
}

#main .server_content{
    width: 100%;
    height: 270px;
    background: #000000;
}

#main .server_content .server_item{
    width: 249px;
    height: 270px;
    background: #C8BFE7;
    border-right: 1px solid blue;
    float: left;
}



/*主体结束 */
